<template>
  <div class="app">
    <div class="common-layout">
      <el-container>
        <el-aside width="200px" height="100%">
          <el-row class="tac">
            <el-col :span="18">
              <el-menu
                default-active="1"
                class="el-menu-vertical-demo"
                @select="pasgeShow.changeMenu"
              >
                <el-menu-item index="4" >
                  <template #title>
                    <el-icon><Notebook /></el-icon>
                    <span>使用介绍</span>
                  </template>
                </el-menu-item>
                <el-menu-item index="1-1">
                  <el-icon><CirclePlus /></el-icon>
                  <span>创建案件 </span>
                </el-menu-item>
                <el-menu-item index="2">
                  <el-icon><Grid /></el-icon>
                  <span>案件列表 </span>
                </el-menu-item>
              </el-menu>
            </el-col>
          </el-row>
        </el-aside>
        <el-main>
          <!--          默认显示页-->
          <DefaultView v-show="pasgeShow.active=='4'"></DefaultView>
          <!--          创建任务页-->
          <TaskCreateView v-show="pasgeShow.active=='1-1'"></TaskCreateView>
          <!--          创建任务第二页 导入数据-->
          <UploadView v-show="pasgeShow.active=='1-2'"></UploadView>
          <!--          任务列表页-->
          <TaskListView v-show="pasgeShow.active=='2'"></TaskListView>
          <!--子任务列表       -->
          <TaskDetailView v-show="pasgeShow.active=='3'"></TaskDetailView>
          <!--          子任务查看-->
          <SubtaskView v-show="pasgeShow.active=='3-1'"></SubtaskView>
          <!--          走向-->
          <TrendView v-show="pasgeShow.active=='3-2'"></TrendView>

        </el-main>
      </el-container>
    </div>
  </div>
</template>
<script lang="ts" setup>
import {CirclePlus,  Grid,Notebook} from "@element-plus/icons-vue";
import DefaultView from "./views/DefaultView.vue";
import TaskListView from "./views/TaskListView.vue";
import TaskCreateView from "./views/TaskCreateView.vue";
import UploadView from './views/UploadView.vue'
import Test from "./views/Test.vue";
import {usePageShowStore} from './stores/index'
// import SubtaskView from "./views/SubtaskView.vue";
import TaskDetailView from "./views/TaskDetailView.vue"
import SubtaskView from "./views/SubtaskView.vue";
import TrendView from "./views/TrendView.vue";
const pasgeShow = usePageShowStore()


</script>
